<template>
<li class="fcc">
    <span class="test cur animation"
            v-text="Lang.signed[lang][0]"
            @click="e_page_('/property')">资产</span>
    <hb-select class="ilbk" :title="Lang.signed[lang][1]" :list="orderList" @select="e_select" />
    <hb-select class="ilbk" :title="user" :list="list" @select="e_select" />
</li>
</template>

<script>
import {
    phoneHandle
} from '@d/qsoft'
import Lang from './lang.js'
export default {
    data() {
        return {
            Lang,
        }
    },
    computed: {
        user() {
            let a = this.$store.state.user.name.substring(0,5) +'.....'
            return a
        },
        lang() {
            return this.$store.state.setting.lang
        },
        list() {
            return [{
                    value: 'invite',
                    txt: Lang.userDropDown[this.$store.state.setting.lang][0]
                },
                {
                    value: 'safe',
                    txt: Lang.userDropDown[this.$store.state.setting.lang][1]
                },
                {
                    value: 'auth',
                    txt: Lang.userDropDown[this.$store.state.setting.lang][2]
                },
                {
                    value: 'selfset',
                    txt: Lang.userDropDown[this.$store.state.setting.lang][3]
                },
                {
                    value: 'esc',
                    txt: Lang.userDropDown[this.$store.state.setting.lang][4]
                },
            ]
        },
        orderList() {
            return [{
                value: 'order',
                txt: Lang.leftNav[this.$store.state.setting.lang][0]
            }, {
                value: 'c2c',
                txt: Lang.leftNav[this.$store.state.setting.lang][1]
            }]
        }
    },
    created() {},
    methods: {
        e_select(i, s) {
            if (s === 'esc') {
                sessionStorage.clear()
                this.$router.push('/')
                location.reload()
            } else {
                this.$router.push('/' + s)
            }
        },
        e_page_(s) {
            this.$router.push(s)
        },
    },
}
</script>

<style scoped>
.test {
    color: var(--clr0);
    padding: 0 15px;
    font-size: 14px;
}

.test:hover {
    color: var(--clr1);
}
</style>
